<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<!-- Mirrored from html.crunchpress.com/app-pro/index.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 11 Apr 2013 08:51:56 GMT -->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta charset="utf-8">
<title>App Pro Theme</title>

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Css Files -->
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<!-- All Css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen">
<!-- Bootstrap -->
<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<!-- Custom Scroller -->
<link rel="stylesheet" href="css/cycle.css" type="text/css">
<!-- Cycle Slidshow -->
<link rel="stylesheet" href="css/portfolio.css" type="text/css">
<!-- Cycle Slidshow -->
<link rel="stylesheet" href="css/lightbox.min.css">
<!-- Lightbox -->
<!-- JS Files -->
<script  src="js/libs/jquery-1.7.1.min.js"></script>
<!-- lib -->
<script  src="js/idangerous.swiper-1.8.min.js"></script>
<!-- Swiper -->
<script  src="js/bootstrap.js"></script>
<!-- Bootstrap -->
<script  src="js/custom.js"></script>
<!-- custom -->
<script src="js/jquery.mCustomScrollbar.min.js"></script>
<!-- mCustomScrollbar -->
<script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
<!-- cycle slidshow -->
<script type="text/javascript" src="js/skeleton.js"></script>
<script type="text/javascript" src="js/jquery05.js"></script>
<script type="text/javascript" src="js/moderniz.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


</head>
<body>
	<div class="preloader">
		<span id="loadingTxt"><img src="images/icon.png" alt="App Pro Theme"></span><br>
    	<span id="preloaderImage"><img src="images/preloade.gif" alt="Professional Application Theme" /></span>
	</div>
    <!--preloader-->

<!-- Blog Section -->
<h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
<nav id="nav">
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
        <div class="nav-collapse">
          <ul class="nav" id="side_navigation">
            <li class="active"> <a href="#home"> Home</a></li>
            <li> <a href="#about">About</a></li>
            <li> <a href="#product"> product</a> </li>
            <li> <a href="#portfolio"> Portfolio </a></li>
            <li> <a href="#blog"> Blog </a> </li>
            <li> <a href="#services"> Services </a> </li>
            <li> <a href="#contact"> Contact </a> </li>
          </ul>
        </div>
    </div>
  </div>
</nav>
<div class="search-bar">
  <ul class="search-list">
    <li>
         <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
      <input name="" type="submit" class="search-btn">
    </li>
    <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
    <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
  </ul>
</div>

 <div class="swiper-scroll-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
          <!-- Home Section -->
          <section class="column trans" id="home">
           
           <section class="inner_logo_search_container">
          <h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
            <div class="search-bar">
              <ul class="search-list">
                <li>
                 <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                 <input name="" type="submit" class="search-btn">
                </li>
                <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
              </ul>
            </div>
        </section>
        
            <section class="content-holder">
              <div id="slideshowContainer">
                <div class="slideshow"> <img src="images/app-pro.ipl.netdna-cdn.com/slider1.jpg" alt="slider-1"/> <img src="images/app-pro.ipl.netdna-cdn.com/slider4.jpg" alt="slider-4"/> <img src="images/app-pro.ipl.netdna-cdn.com/slider5.jpg" alt="slider-5"/> </div>
              </div>
              <div class="iphone-holder">
                <div id="slideshowContainer1">
                  <div class="slideshow1"> <img src="images/thumb1.jpg" alt="slider-1"/> <img src="images/thumb4.jpg" alt="slider-4"/> <img src="images/thumb5.jpg" alt="slider-5"/> </div>
                </div>
              </div>
              <div class="main-caption">
                <h2>Simple, fast and private <br/>
                  photography for iPhone.</h2>
                <p>Beautiful full screen camera,blazing fast to launch,
                  uploads directly to your Dropbox. </p>
                <a href="#" class="app-btn">App Theme</a> </div>
            </section>
          </section>
          <!-- End Home Section -->
  
          <!-- About Section -->
          <section class="column orange" id="about">
         
          <section class="inner_logo_search_container">
          <h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
            <div class="search-bar">
              <ul class="search-list">
                <li>
                 <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                 <input name="" type="submit" class="search-btn">
                </li>
                <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
              </ul>
            </div>
        </section>
        
        
            <section class="content-holder">
              <div class="content-container">
                <section class="container-fluid">
                  <section class="row-fluid">
                    <article class="span12 main-c">
                      <h2>About Us</h2>
                      <h3>We are a group of experienced designers and developers.</h3>
                    </article>
                    <figure class="span3 first"> <a data-toggle="lightbox" href="#gallery_1" ><img src="images/image01.jpg" alt="image01" class="shodow-img"/></a>
                      <div id="gallery_1" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
                        <div class='lightbox-header'>
                          <button type="button" class="close" data-dismiss="lightbox" aria-hidden="true">&times;</button>
                        </div>
                        <div class='lightbox-content'> <img src="images/1-large.jpg" alt="About Us" />
                          <div class="lightbox-caption">
                            <p>Your caption here</p>
                          </div>
                        </div>
                      </div>
                      <h3>Chris Adam</h3>
                      <strong class="sub-title">Visual Design</strong>
                      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                      <div class="social-icons">
                        <ul class="socials">
                          <li><a href="#" title="Twitter" class="twitter">Twitter</a></li>
                          <li><a href="#" title="Facebook" class="facebook">Facebook</a></li>
                          <li><a href="#" title="Google" class="gplus">Google</a></li>
                          <li><a href="#" title="Dribble" class="dribble">Dribble</a></li>
                          <li><a href="#" title="Flickr" class="flickr">Flickr</a></li>
                        </ul>
                      </div>
                    </figure>
                    <figure class="span3"> <a data-toggle="lightbox" href="#gallery_2" ><img src="images/image02.jpg" alt="image02" class="shodow-img"/></a>
                      <div id="gallery_2" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
                        <div class='lightbox-header'>
                          <button type="button" class="close" data-dismiss="lightbox" aria-hidden="true">&times;</button>
                        </div>
                        <div class='lightbox-content'> <img src="images/2-large.jpg" alt="" />
                          <div class="lightbox-caption">
                            <p>Your caption here</p>
                          </div>
                        </div>
                      </div>
                      <h3>James Sawyer</h3>
                      <strong class="sub-title">Quality Control</strong>
                      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                      <div class="social-icons">
                        <ul class="socials">
                          <li><a href="#" title="Twitter" class="twitter">Twitter</a></li>
                          <li><a href="#" title="Facebook" class="facebook">Facebook</a></li>
                          <li><a href="#" title="Google" class="gplus">Google</a></li>
                          <li><a href="#" title="Dribble" class="dribble">Dribble</a></li>
                          <li><a href="#" title="Flickr" class="flickr">Flickr</a></li>
                        </ul>
                      </div>
                    </figure>
                    <figure class="span3"> <a data-toggle="lightbox" href="#gallery_3" ><img src="images/image03.jpg" alt="image03" class="shodow-img"/></a>
                      <div id="gallery_3" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
                        <div class='lightbox-header'>
                          <button type="button" class="close" data-dismiss="lightbox" aria-hidden="true">&times;</button>
                        </div>
                        <div class='lightbox-content'> <img src="images/3-large.jpg" alt="" />
                          <div class="lightbox-caption">
                            <p>Your caption here</p>
                          </div>
                        </div>
                      </div>
                      <h3>Mandy Ben</h3>
                      <strong class="sub-title">Management</strong>
                      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                      <div class="social-icons">
                        <ul class="socials">
                          <li><a href="#" title="Twitter" class="twitter">Twitter</a></li>
                          <li><a href="#" title="Facebook" class="facebook">Facebook</a></li>
                          <li><a href="#" title="Google" class="gplus">Google</a></li>
                          <li><a href="#" title="Dribble" class="dribble">Dribble</a></li>
                          <li><a href="#" title="Flickr" class="flickr">Flickr</a></li>
                        </ul>
                      </div>
                    </figure>
                    <figure class="span3"> <a data-toggle="lightbox" href="#gallery_4" ><img src="images/image04.jpg" alt="image03" class="shodow-img"/></a>
                      <div id="gallery_4" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
                        <div class='lightbox-header'>
                          <button type="button" class="close" data-dismiss="lightbox" aria-hidden="true">&times;</button>
                        </div>
                        <div class='lightbox-content'> <img src="images/4-large.jpg" alt="About Text" />
                          <div class="lightbox-caption">
                            <p>Your caption here</p>
                          </div>
                        </div>
                      </div>
                      <h3>David John</h3>
                      <strong class="sub-title">Web development</strong>
                      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                      <div class="social-icons">
                        <ul class="socials">
                          <li><a href="#" title="Twitter" class="twitter">Twitter</a></li>
                          <li><a href="#" title="Facebook" class="facebook">Facebook</a></li>
                          <li><a href="#" title="Google" class="gplus">Google</a></li>
                          <li><a href="#" title="Dribble" class="dribble">Dribble</a></li>
                          <li><a href="#" title="Flickr" class="flickr">Flickr</a></li>
                        </ul>
                      </div>
                    </figure>
                    <section class="row-fluid prog-bar">
                      <figure class="span6 first">
                        <h3>Skills</h3>
                        <div class="progress progress-danger progress-striped active">
                          <div class="bar" style="width: 40%"></div>
                        </div>
                        <div class="progress progress-danger progress-striped active">
                          <div class="bar" style="width: 60%"></div>
                        </div>
                        <div class="progress progress-danger progress-striped active">
                          <div class="bar" style="width: 80%"></div>
                        </div>
                      </figure>
                      <figure class="span2">
                        <h3>What?</h3>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Pellentesque habitant morbi tristique senectus.</p>
                      </figure>
                      <figure class="span2">
                        <h3>Why?</h3>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Pellentesque habitant morbi tristique senectus.</p>
                      </figure>
                      <figure class="span2">
                        <h3>How?</h3>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Pellentesque habitant morbi tristique senectus.</p>
                      </figure>
                    </section>
                  </section>
                </section>
              </div>
              <div class="img-holder"> <img src="images/bg/about-bg.jpg" alt="About Text" /> </div>
            </section>
          </section>
          <!-- End About Section -->
          
          <!-- Produst Section -->
          <section class="column grey" id="product">
          <section class="inner_logo_search_container">
          <h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
            <div class="search-bar">
              <ul class="search-list">
                <li>
                 <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                 <input name="" type="submit" class="search-btn">
                </li>
                <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
              </ul>
            </div>
        </section>
            <section class="content-holder">
              <div class="content-container">
                <section class="container-fluid">
                  <section class="row-fluid">
                    <article class="span12 main-c">
                      <h2>Product</h2>
                    </article>
                    <figure class="span12 first">
                      <div class="tabbable">
                        <!-- Only required for left/right tabs -->
                        <div class="tab-content">
                          <div class="nav-holder">
                            <ul class="nav nav-tabs">
                              <li class="active"><a href="#tab1" data-toggle="tab">iPhone App</a></li>
                              <li><a href="#tab2" data-toggle="tab">iPad</a></li>
                              <li><a href="#tab3" data-toggle="tab">Android</a></li>
                            </ul>
                          </div>
                          <div class="tab-pane active" id="tab1">
                            <section class="container-fluid">
                              <section class="row-fluid">
                                <figure class="span6"> <strong class="title-slides"> A powerful, Modern, and intuitive <span>apps</span> </strong> <span class="logo-slide"><img src="images/logo-slide.jpg" alt="logo"></span> <a href="#" class="app-store-btn">App Store</a> </figure>
                                <figure class="span5"><img src="images/image29.png" alt="image29"></figure>
                                <article class="span12 first">
                                  <h5>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="#">Read More +</a></h5>
                                </article>
                                <article class="span6 first">
                                  <ul class="list">
                                    <li>
                                      <header> <i class="icon-home icon-white"></i> <strong>Multi &ndash; Purpose  Accounts</strong> </header>
                                      <div class="text">
                                        <p>Create different types of accounts for your cash, bank accounts, credit cards, and assets to keep track of transactions to, from, and among them.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-leaf icon-white"></i> <strong>Easy  Budgeting</strong> </header>
                                      <div class="text">
                                        <p>Set up multiple budgets to keep track of your financial habits. The colorful bars will remind you when it is best to hold back from new purchases.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-time icon-white"></i> <strong>Remember  Your  Bills</strong> </header>
                                      <div class="text">
                                        <p>Enter your fixed utility or insurance payments and create scheduled transactions. When the due date comes, an alert sign will remind you of the bill to be paid.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-check icon-white"></i> <strong>Foursquare Integration</strong> </header>
                                      <div class="text">
                                        <p>You can add your payees on the go with Foursquare. Each time you enter a transaction, a list of all nearby businesses pops up.</p>
                                      </div>
                                    </li>
                                  </ul>
                                </article>
                                <article class="span6">
                                  <ul class="list">
                                    <li>
                                      <header> <i class="icon-cog icon-white"></i> <strong>Multiple  Currencies</strong> </header>
                                      <div class="text">
                                        <p>Choose the default currency to be used throughout the entire application and a number of operational currencies that can be used in different accounts.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-signal icon-white"></i> <strong>Key  Info  in  Reports</strong> </header>
                                      <div class="text">
                                        <p>View combined and organized data, presented in convenient graphs and tables, analyze your results, and determine the areas for improvement. </p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-refresh icon-white"></i> <strong>Syncing  with  Money  for  Mac</strong> </header>
                                      <div class="text">
                                        <p>Sync your Money for iPhone with the desktop version of Money. Transfer your financial data and transaction categories. Be as flexible as you wish to be.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-user icon-white"></i> <strong>Advanced Payees</strong> </header>
                                      <div class="text">
                                        <p>Import your payees from Contacts, assign income or spending categories and specific locations to them, and view them in a map.</p>
                                      </div>
                                    </li>
                                  </ul>
                                </article>
                                <div class="clear"></div>
                                <div class="row-fluid">
                                  <div class="span12">
                                    <table class="table table-striped" id="pricing-table-long3">
                                      <tbody>
                                        <tr class="packages">
                                          <th class="empty-corner"></th>
                                          <th><h3>Ultimate</h3></th>
                                          <th><h3>Platinum</h3></th>
                                          <th><h3>Gold</h3></th>
                                          <th><h3>Bronze</h3></th>
                                        </tr>
                                        <tr>
                                          <th>Team Members</th>
                                          <td>Unlimited</td>
                                          <td>100</td>
                                          <td>25</td>
                                          <td>5</td>
                                        </tr>
                                        <tr>
                                          <th>Active Goals</th>
                                          <td>Unlimited</td>
                                          <td>10</td>
                                          <td>5</td>
                                          <td>1</td>
                                        </tr>
                                        <tr>
                                          <th>Reports</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                        </tr>
                                        <tr>
                                          <th>Export DOC/PDF</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>Private Goals</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>SSL</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>Site Branding</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                          <td></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th class="empty-corner"></th>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                </div>
                              </section>
                            </section>
                          </div>
                          <div class="tab-pane" id="tab2">
                            <section class="container-fluid">
                              <section class="row-fluid">
                                <figure class="span6"> <strong class="title-slides"> Best <span>mobile apps</span> In the market apps </strong> <span class="logo-slide"><img src="images/logo-slide.jpg" alt="" /></span> <a href="#" class="app-store-btn">App Store</a> </figure>
                                <figure class="span4"><img src="images/image30.png" alt="" /></figure>
                                <article class="span12 first">
                                  <h5>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="#">Read More +</a></h5>
                                </article>
                                <article class="span6 first">
                                  <ul class="list">
                                    <li>
                                      <header> <i class="icon-home icon-white"></i> <strong>Multi &ndash; Purpose  Accounts</strong> </header>
                                      <div class="text">
                                        <p>Create different types of accounts for your cash, bank accounts, credit cards, and assets to keep track of transactions to, from, and among them.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-leaf icon-white"></i> <strong>Easy  Budgeting</strong> </header>
                                      <div class="text">
                                        <p>Set up multiple budgets to keep track of your financial habits. The colorful bars will remind you when it is best to hold back from new purchases.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-time icon-white"></i> <strong>Remember  Your  Bills</strong> </header>
                                      <div class="text">
                                        <p>Enter your fixed utility or insurance payments and create scheduled transactions. When the due date comes, an alert sign will remind you of the bill to be paid.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-check icon-white"></i> <strong>Foursquare Integration</strong> </header>
                                      <div class="text">
                                        <p>You can add your payees on the go with Foursquare. Each time you enter a transaction, a list of all nearby businesses pops up.</p>
                                      </div>
                                    </li>
                                  </ul>
                                </article>
                                <article class="span6">
                                  <ul class="list">
                                    <li>
                                      <header> <i class="icon-cog icon-white"></i> <strong>Multiple  Currencies</strong> </header>
                                      <div class="text">
                                        <p>Choose the default currency to be used throughout the entire application and a number of operational currencies that can be used in different accounts.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-signal icon-white"></i> <strong>Key  Info  in  Reports</strong> </header>
                                      <div class="text">
                                        <p>View combined and organized data, presented in convenient graphs and tables, analyze your results, and determine the areas for improvement. </p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-refresh icon-white"></i> <strong>Syncing  with  Money  for  Mac</strong> </header>
                                      <div class="text">
                                        <p>Sync your Money for iPhone with the desktop version of Money. Transfer your financial data and transaction categories. Be as flexible as you wish to be.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-user icon-white"></i> <strong>Advanced Payees</strong> </header>
                                      <div class="text">
                                        <p>Import your payees from Contacts, assign income or spending categories and specific locations to them, and view them in a map.</p>
                                      </div>
                                    </li>
                                  </ul>
                                </article>
                                <div class="clear"></div>
                                <div class="row-fluid">
                                  <div class="span12">
                                    <table class="table table-striped" id="pricing-table-long1">
                                      <tbody>
                                        <tr class="packages">
                                          <th class="empty-corner"></th>
                                          <th><h3>Ultimate</h3></th>
                                          <th><h3>Platinum</h3></th>
                                          <th><h3>Gold</h3></th>
                                          <th><h3>Bronze</h3></th>
                                        </tr>
                                        <tr>
                                          <th>Team Members</th>
                                          <td>Unlimited</td>
                                          <td>100</td>
                                          <td>25</td>
                                          <td>5</td>
                                        </tr>
                                        <tr>
                                          <th>Active Goals</th>
                                          <td>Unlimited</td>
                                          <td>10</td>
                                          <td>5</td>
                                          <td>1</td>
                                        </tr>
                                        <tr>
                                          <th>Reports</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                        </tr>
                                        <tr>
                                          <th>Export DOC/PDF</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>Private Goals</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>SSL</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>Site Branding</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                          <td></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th class="empty-corner"></th>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                </div>
                              </section>
                            </section>
                          </div>
                          <div class="tab-pane" id="tab3">
                            <section class="container-fluid">
                              <section class="row-fluid">
                                <figure class="span6">
                                <strong class="title-slides"> We create websites, <span> mobile apps &</span> digital content </strong>
                                <span class="logo-slide"><img src="images/logo-slide.jpg" alt=""></span> <a href="#" class="app-store-btn">App Store</a> </figure>
                                <figure class="span4"><img src="images/image31.png" alt="image31"></figure>
                                <article class="span12 first">
                                  <h5>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="#">Read More +</a></h5>
                                </article>
                                <article class="span6 first">
                                  <ul class="list">
                                    <li>
                                      <header> <i class="icon-home icon-white"></i> <strong>Multi &ndash; Purpose  Accounts</strong> </header>
                                      <div class="text">
                                        <p>Create different types of accounts for your cash, bank accounts, credit cards, and assets to keep track of transactions to, from, and among them.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-leaf icon-white"></i> <strong>Easy  Budgeting</strong> </header>
                                      <div class="text">
                                        <p>Set up multiple budgets to keep track of your financial habits. The colorful bars will remind you when it is best to hold back from new purchases.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-time icon-white"></i> <strong>Remember  Your  Bills</strong> </header>
                                      <div class="text">
                                        <p>Enter your fixed utility or insurance payments and create scheduled transactions. When the due date comes, an alert sign will remind you of the bill to be paid.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-check icon-white"></i> <strong>Foursquare Integration</strong> </header>
                                      <div class="text">
                                        <p>You can add your payees on the go with Foursquare. Each time you enter a transaction, a list of all nearby businesses pops up.</p>
                                      </div>
                                    </li>
                                  </ul>
                                </article>
                                <article class="span6">
                                  <ul class="list">
                                    <li>
                                      <header> <i class="icon-cog icon-white"></i> <strong>Multiple  Currencies</strong> </header>
                                      <div class="text">
                                        <p>Choose the default currency to be used throughout the entire application and a number of operational currencies that can be used in different accounts.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-signal icon-white"></i> <strong>Key  Info  in  Reports</strong> </header>
                                      <div class="text">
                                        <p>View combined and organized data, presented in convenient graphs and tables, analyze your results, and determine the areas for improvement. </p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-refresh icon-white"></i> <strong>Syncing  with  Money  for  Mac</strong> </header>
                                      <div class="text">
                                        <p>Sync your Money for iPhone with the desktop version of Money. Transfer your financial data and transaction categories. Be as flexible as you wish to be.</p>
                                      </div>
                                    </li>
                                    <li>
                                      <header> <i class="icon-user icon-white"></i> <strong>Advanced Payees</strong> </header>
                                      <div class="text">
                                        <p>Import your payees from Contacts, assign income or spending categories and specific locations to them, and view them in a map.</p>
                                      </div>
                                    </li>
                                  </ul>
                                </article>
                                <div class="clear"></div>
                                <div class="row-fluid">
                                  <div class="span12">
                                    <table class="table table-striped" id="pricing-table-long2">
                                      <tbody>
                                        <tr class="packages">
                                          <th class="empty-corner"></th>
                                          <th><h3>Ultimate</h3></th>
                                          <th><h3>Platinum</h3></th>
                                          <th><h3>Gold</h3></th>
                                          <th><h3>Bronze</h3></th>
                                        </tr>
                                        <tr>
                                          <th>Team Members</th>
                                          <td>Unlimited</td>
                                          <td>100</td>
                                          <td>25</td>
                                          <td>5</td>
                                        </tr>
                                        <tr>
                                          <th>Active Goals</th>
                                          <td>Unlimited</td>
                                          <td>10</td>
                                          <td>5</td>
                                          <td>1</td>
                                        </tr>
                                        <tr>
                                          <th>Reports</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                        </tr>
                                        <tr>
                                          <th>Export DOC/PDF</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>Private Goals</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>SSL</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th>Site Branding</th>
                                          <td><i class="icon-ok icon-white"></i></td>
                                          <td></td>
                                          <td></td>
                                          <td></td>
                                        </tr>
                                        <tr>
                                          <th class="empty-corner"></th>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                          <td><a class="btn btn-primary" href="#">Sign Up Now</a></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </div>
                                </div>
                              </section>
                            </section>
                          </div>
                        </div>
                      </div>
                    </figure>
                  </section>
                </section>
              </div>
              <div class="img-holder"> <img src="images/bg/product_bg.jpg" alt="About Text" /> </div>
            </section>
          </section>
          <!-- Produst Section -->
          
          <!-- Portfolio Section -->
          <section class="column yellow" id="portfolio">
          <section class="inner_logo_search_container">
          <h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
            <div class="search-bar">
              <ul class="search-list">
                <li>
                 <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                 <input name="" type="submit" class="search-btn">
                </li>
                <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
              </ul>
            </div>
        </section>
            <section class="content-holder">
              <div class="content-container">
                <h2>Portfolio</h2>
                <div class="portfolio-nav">
                  <div class="portfolio-filters" id="portfolio-filter"> <a class="filter-button" href="#" data-filter="*">All</a> <a class="filter-button" href="#" data-filter=".illustration">illustration</a> <a class="filter-button" href="#" data-filter=".interface-design">interface design</a> <a class="filter-button" href="#" data-filter=".photography">photography</a> <a class="filter-button" href="#" data-filter=".print-design">print design</a> <a class="filter-button" href="#" data-filter=".video">video</a> </div>
                </div>
                <div class="portfolio-4 isotope" id="section-portfolio">
                  <div class="portfolio-container">
                    <!-- Portfolio List-->
                    <div id="portfolio-list" class="content">
                      <div class="columns span3  post isotope-item view video">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image19.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                        
                      <div class="columns span3  post isotope-item view interface-design">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image20.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <div class="columns span3  post isotope-item view photography">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image26.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <div class="columns span3  post isotope-item view photography">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image25.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <div class="columns span3  post isotope-item view print-design">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image22.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <div class="columns span3  post isotope-item view interface-design">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image25.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <div class="columns span3  post isotope-item view illustration">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image23.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <div class="columns span3  post isotope-item view video">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image24.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <div class="columns span3  post isotope-item view print-design">
                        <div class="view-back"> <span data-icon="A"> 2195</span> <span> <a href="#" class="zilla-likes" title="Like this"> <span class="zilla-likes-count">245</span> <span class="zilla-likes-postfix"></span> </a> </span> <a class="live-link" href="portfolio.html"> → </a> </div>
                        <img src="images/image27.png" width="300" height="216" alt="A Portfolio Project">
                        <a class="live-link1" href="portfolio.html"> → </a>
                        </div>
                      <!-- /CONTENT -->
                    </div>
                  </div>
                </div>
              </div>
              <div class="img-holder"> <img src="images/bg/portfolio-bg.jpg" alt=""/> </div>
            </section>
          </section>
          <!-- End Portfolio Section -->
          
          <!-- Blog Section -->
          <section class="column blue" id="blog">
          <section class="inner_logo_search_container">
          <h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
            <div class="search-bar">
              <ul class="search-list">
                <li>
                 <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                 <input name="" type="submit" class="search-btn">
                </li>
                <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
              </ul>
            </div>
        </section>
            <section class="content-holder">
              <div class="content-container">
                <section class="container-fluid">
                  <section class="row-fluid">
                    <article class="span12 main-c">
                      <h2>Blog</h2>
                    </article>
                    <article class="span6 first">
                      <div class="mosaic-backdrop"><a href="blog-detail.html"><img src="images/image14.jpg" alt="" class="shodow-img"></a></div>
                      <div class="blog-head">
                        <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                      </div>
                      <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                        <div class="date-txt">26<span>Jan</span></div>
                        in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="#">0</a></span></div>
                      <div class="post-content">
                        <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                      </div>
                    </article>
                    <article class="span6">
                      <div class="mosaic-backdrop"><a href="blog-detail.html"><img src="images/image15.jpg" alt="" class="shodow-img"></a></div>
                      <div class="blog-head">
                        <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                      </div>
                      <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                        <div class="date-txt">26<span>Jan</span></div>
                        in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="#">0</a></span></div>
                      <div class="post-content">
                        <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                      </div>
                    </article>
                    <article class="span6 first">
                      <div class="mosaic-backdrop"><a href="blog-detail.html"><img src="images/image15.jpg" alt="" class="shodow-img"></a></div>
                      <div class="blog-head">
                        <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                      </div>
                      <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                        <div class="date-txt">26<span>Jan</span></div>
                        in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="#">0</a></span></div>
                      <div class="post-content">
                        <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                      </div>
                    </article>
                    <article class="span6 ">
                      <div class="mosaic-backdrop"><a href="blog-detail.html"><img src="images/image12.jpg" alt="" class="shodow-img"></a></div>
                      <div class="blog-head">
                        <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                      </div>
                      <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                        <div class="date-txt">26<span>Jan</span></div>
                        in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="http://themestudio.net/themes/infinitus/?p=216">0</a></span></div>
                      <div class="post-content">
                        <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                      </div>
                    </article>
                    <article class="span6 first"> <a href="blog.html" class="v-all">View All Post</a> </article>
                  </section>
                </section>
              </div>
              <div class="img-holder"> <img src="images/bg/blog-bg.jpg" alt=""/> </div>
            </section>
          </section>
          <!-- End Blog Section -->
  
          <!-- Services Section -->
          <section class="column green" id="services">
            <section class="inner_logo_search_container">
          <h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
            <div class="search-bar">
              <ul class="search-list">
                <li>
                 <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                 <input name="" type="submit" class="search-btn">
                </li>
                <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
              </ul>
            </div>
        </section>
            <section class="content-holder">
              <div class="content-container">
                <section class="container-fluid">
                  <section class="row-fluid">
                    <article class="span12 main-c">
                      <h2>Services</h2>
                      <p>Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, egetcinia odio sem nec elit. Sed posuere consectetur est at lertis. Nulla vitae elit libero, a pharetra augue. Nulla in elit nulla, mollis luctus edui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, egetcinia odio sem nec elit.</p>
                    </article>
                    <article class="span12 main-c first">
                      <ul class="services-list">
                        <li> <span class="ser-img-holder"><img src="images/services-1.png" alt="Services-icon1"></span>
                          <h3>Web Design</h3>
                          <p>Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, egetcinia odio sem nec elit. </p>
                        </li>
                        <li> <span class="ser-img-holder"><img src="images/services-2.png" alt="Services-icon1"></span>
                          <h3>Web Design</h3>
                          <p>Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, egetcinia odio sem nec elit. </p>
                        </li>
                        <li> <span class="ser-img-holder"><img src="images/services-3.png" alt="Services-icon1"></span>
                          <h3>Development</h3>
                          <p>Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, egetcinia odio sem nec elit. </p>
                        </li>
                      </ul>
                    </article>
                    <article class="span12 main-c first">
                      <h2>Reviews</h2>
                      <p>Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, egetcinia odio sem nec elit. Sed posuere consectetur est at lertis. Nulla vitae elit libero, a pharetra augue. Nulla in elit nulla, mollis luctus edui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, egetcinia odio sem nec elit.</p>
                    </article>
                  </section>
                </section>
              </div>
              <div class="img-holder"> <img src="images/bg/services-bg.jpg" alt=""/> </div>
            </section>
          </section>
          <!-- End Services Section -->
  
          <!-- Contact Section -->
          <section class="column trans" id="contact">
            <section class="inner_logo_search_container">
          <h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>
            <div class="search-bar">
              <ul class="search-list">
                <li>
                 <input name="" type="text" value="Search here" onBlur="if(this.value == '') { this.value='Search here'}" onFocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                 <input name="" type="submit" class="search-btn">
                </li>
                <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
              </ul>
            </div>
        </section>
            <section class="content-holder">
              <div class="content-container">
                <section class="container-fluid">
                  <section class="row-fluid">
                    <article class="span12 main-c">
                      <h2>Contact</h2>
                    </article>
                    <figure class="span12 first">
                      <div class="map-holder shodow-img">
                        <iframe width="100%" height="250" scrolling="no" frameborder="0" class="map-border" src="https://maps.google.com/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;output=embed" marginwidth="0" marginheight="0"></iframe>
                      </div>
                      <h3>Send us a message</h3>
                      <form id="comment" action="http://html.crunchpress.com/app-pro/contact_us.php" name="comment" method="post" class="comment_form">
                        <input type="text" id="name" name="name" placeholder="Name*" required="required" />
                        <input type="text" id="email" name="email" placeholder="Email*" required="required" />
                        <input type="text" id="website" name="website" placeholder="Website" required="required" class="last"/>
                        <textarea id="detailed_comment" name="comments" Placeholder="Enter comment" rows="10"> </textarea>
                        <input type="submit" value="submit" id="submit" name="submit" />
                      </form>
                    </figure>
                  </section>
                </section>
              </div>
              <div class="img-holder"> <img src="images/bg/contact-bg.jpg" alt=""/> </div>
            </section>
          </section>
          <!-- End Contact Section -->
  
  		</div>
  	</div>
  </div>
  
  <!-- Bottom Section -->
  <section id="bottom"> <a href="javascript:void(0);" class="sidebar_button_inner"> <span> <span>Sidebar</span> </span> </a>
    <div class="bottom_outer">
      <div class="bottom_outer_inner">
        <section class="container-fluid">
          <section class="row-fluid">
            <article class="span3 contact-box">
              <h2>Contact Us</h2>
              <strong class="f-title">Lorem ipsum dolor sit amet, </strong>
              <ul class="a-list">
                <li><span>E</span> <a href="#">info@abc.com</a></li>
                <li><span>P</span> (03) 9384 7382</li>
                <li><span>F</span> (03) 9384 7382</li>
              </ul>
              </ul>
              <p>16 Street Name to go here
                Surburb name to go here
                Country, 3940</p>
            </article>
            <article class="span3">
              <h2>Latest Articles</h2>
              <strong class="f-title">Donec a purus nec . Lorem ipsum </strong>
              <div id="slideshowContainer2">
                <div class="slideshow2"> <img src="images/image16.jpg" alt="image16"/> <img src="images/image17.jpg" alt="image17"/> <img src="images/image18.jpg" alt="image18"/> </div>
              </div>
            </article>
            <article class="span3">
              <h2>Text Widget</h2>
              <strong class="f-title">Donec a purus nec . Lorem ipsum </strong>
              <p>Maecenas laoreet lectus est, eget ultricies eros. Aliquam ipsum fringilla.Maecenas laoreet eget ultricies Aliquam ipsum tincidunt non Maecenas laoreet tincidunt non fringilla.
                Maecenas laoreet ....</p>
            </article>
            <article class="span3">
              <h2>Get in Touch</h2>
              <strong class="f-title">Say Hello...</strong>
              <form id="comment" action="http://html.crunchpress.com/app-pro/contact_us.php" name="comment" method="post">
                <ul class="getintouch">
                  <li>
                    <input name="name" type="text" value="Name" class="field-bg">
                  </li>
                  <li>
                    <input name="email" type="text" value="E-mail" class="field-bg">
                  </li>
                  <li>
                    <textarea name="comments" cols="10" rows="5" class="field-bg">What's on your mind?</textarea>
                  </li>
                  <li>
                    <input name="" type="submit" class="sendbtn" value="Send it">
                  </li>
                </ul>
              </form>
            </article>
          </section>
        </section>
        <footer class="copy-right-sec">
          <p>Copyright © 2013 All rights reserved  Designed by <a href="crunchpress.html">CrunchPress.com</a></p>
        </footer>
      </div>
    </div>
  </section>
  <!-- End Bottom Section -->

</body>

<!-- Mirrored from html.crunchpress.com/app-pro/index.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 11 Apr 2013 08:54:03 GMT -->
</html>